<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>悦客房车后台管理系统</title>
		<link rel="stylesheet" type="text/css" href="/css/base.css">
		<link rel="stylesheet" type="text/css" href="/css/iconfont.css">
		<link rel="stylesheet" type="text/css" href="/css/frameStyle.css">
		<script type="text/javascript" src="/js/vue.js"></script>
		<script type="text/javascript" src="/js/jquery-2.1.4.js" ></script>
		<script type="text/javascript" src="/js/jquery.mCustomScrollbar.min.js"></script>
		<script type="text/javascript" src="/js/frame.js" ></script>

		<style type="text/css">
			.iframe{
				width: 1280px;
				height:650px;
			}
			#div a:hover{
				text-decoration: none;
			}
		</style>
	</head>

	<body>
	<div id="div">
		<!-- 左侧菜单 - 开始 -->
		<div class="frameMenu">
		    <div class="logo">
		        <div class="logoText">
		            <h1>悦客房车后台管理系统</h1>
		        </div>
		    </div>
		    <div class="menu">
		        <ul>
		        	<li>
		                <a class="menuFA" href="javascript:void(0)"><i class="iconfont icon-liuliangyunpingtaitubiao03 left">
							</i>营地房车<i class="iconfont icon-dajiantouyou right"></i>
						</a>
		                <dl>
		                	<dt><a target="main" href="/page/jiang/camp_select.html" @click="title1('营地管理')">营地管理</a></dt>
		                	<dt><a target="main" href="/page/jiang/car_select.html" @click="title1('房车管理')" >房车管理</a></dt>
							<dt><a target="main" href="/page/jiang/appointment.html" @click="title1('房车预约')" >房车预约</a></dt>
		                </dl>
		            </li> 
					<li>
					    <a class="menuFA" href="javascript:void(0)"><i class="iconfont icon-liuliangyunpingtaitubiao03 left">
							</i>营地活动<i class="iconfont icon-dajiantouyou right"></i>
						</a>
					    <dl>
					    	<dt><a target="main" href="/page/active/active_select.html" @click="title1('查询活动')">查询活动</a></dt>
							<dt><a target="main" href="/page/active/activeOrder.html?0" @click="title1('活动订单')">活动订单</a></dt>
					    </dl>
					</li> 
					<li>
					    <a class="menuFA" href="javascript:void(0)"><i class="iconfont icon-liuliangyunpingtaitubiao03 left">
							</i>营地美食<i class="iconfont icon-dajiantouyou right"></i>
						</a>
					    <dl>
					    	<dt><a target="main" href="/page/food/foodManagement.html">美食菜品管理</a></dt>
							<dt><a target="main" href="/page/food/foodOrderManagement.html">美食订单管理</a></dt>
							<dt><a target="main" href="/page/food/foodCommentManagement.html">美食评论管理</a></dt>
							<dt><a target="main" href="/page/food/foodRevenueStatistics.html">美食营收统计</a></dt>
					    </dl>
					</li>
					<li>
					    <a class="menuFA" href="javascript:void(0)"><i class="iconfont icon-liuliangyunpingtaitubiao03 left">
							</i>营地集市<i class="iconfont icon-dajiantouyou right"></i>
						</a>
					    <dl>
					    	<dt><a target="main" href="/page/liu/productManger.html" @click="title1('集市商品管理')">商品管理</a></dt>
					    </dl>
						<dl>
							<dt><a target="main" href="/page/liu/productOrderManager.html" @click="title1('集市订单管理')">订单管理</a></dt>
						</dl>
					</li>
					 <li>
					     <a class="menuFA" href="javascript:void(0)"><i class="iconfont icon-liuliangyunpingtaitubiao03 left">
					 		</i>用户管理<i class="iconfont icon-dajiantouyou right"></i>
					 	</a>
					     <dl>
					     	<dt><a target="main" href="/page/jiang/user_select.html" @click="title1('查询用户')">查询用户</a></dt>
					     </dl>
					 </li>
		        </ul>
				
		    </div>
		</div>
		<!-- 左侧菜单 - 结束 -->
		<div class="main">
			<!-- 头部栏 - 开始 -->
			<div class="frameTop">
				<div class="topMenu">
					<ul>
						<li><a href="javascript:void(0)" ><i class="iconfont icon-yonghu1"></i>{{admin.name}}</a></li>
						<li><a href="javascript:void(0)" ><i class="iconfont icon-xiugaimima"></i>修改密码</a></li>
						<li><a href="/logout"><i class="iconfont icon-084tuichu"></i>注销</a></li>
					</ul>
				</div>
			</div>
			<!-- 头部栏 - 结束 -->
			<!-- 核心区域 - 开始 -->
			<div class="frameMain">
				<div class="title" id="frameMainTitle">
					<span><i class="iconfont icon-xianshiqi">&nbsp;&nbsp;{{title}}</i></span>
				</div>
				<iframe name="main" class="iframe" frameborder="0" src="/page/jiang/defaultshow.html">
				</iframe>
			</div>
			<!-- 核心区域 - 结束 -->
		</div>
	</div>
	</body>
		<script type="text/javascript">
			new Vue({
				el:"#div",
				data:{
					title:'后台首页',
					admin:''
				},
				created:function(){
					var _this = this;
					$.ajax({
						url:"/selectAdmin",
						type: "get",
						dataType: "json",
						success: function (data) {
							_this.admin = data.obj;
						},
						error: function (data) {
							alert(data.responseJSON.message);
						}

					})
				},
				methods:{
					title1(t){
						this.title = t;
					}
				}
			})
		</script>
	</body>

</html>